<!--
+----------------------------------------------------------------------
| 友得云客  - 开启房产营销新纪元
+----------------------------------------------------------------------
| Copyright (c) 2019~2023 优得（西安）信息科技有限公司版权所有
+----------------------------------------------------------------------
| Licensed 友得云客不是自由软件 未经允许不可移除相关版权
+----------------------------------------------------------------------
| Author: www.youdeyunke.com
+----------------------------------------------------------------------
-->
<template>
    <div id="device">
        <div class="screen">
            <slot />
        </div>
    </div>
</template>

<style lang="scss" scoped>
#device {
    margin: 20px 0 20px 20px;
    background-image: url("https://tcdn.udeve.net/wefang-sass/e682dfbe-31ad-4183-a2d2-6042f50dad21");
    background-size: 510px 872px;
    width: 410px;
    height: 876px;
    position: relative;
    background-position-y: -70px;
    background-position-x: -40px;


    ::-webkit-scrollbar {
        width: 0 !important;
    }

    .screen {
        position: absolute;
        top: 50px;
        left: 74px;
        width: 300px;
        height: 616px;
        border-radius: 15px;
        overflow-y: scroll;
        overflow-x: hidden;
        background: #ffffff;

    }
}
</style>

<script>
export default {
    name: "MobileLayout",
    data () {
        return {};
    }
};
</script>
